<script setup lang="ts">
import { toRefs } from "vue";
let props = defineProps(["label"]);
let emit = defineEmits(["click"]);

let { label } = toRefs(props);

let handleClick = () => {
  emit("click");
};
</script>

<template>
  <div class="form-button" @click="handleClick">{{ label }}</div>
</template>

<style lang="less" scoped>
.form-button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  width: 650rpx;
  height: 88rpx;
  background: #3973ff;
  border-radius: 16rpx;
  font-family: PingFangSC, PingFang SC;
  font-weight: bold;
  font-size: 30rpx;
  color: #ffffff;
}
</style>
